<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>猜拳游戏</h1>
		请输入0 石头 1 剪子  2 布
		<input type="text" id="input1">
		<button onclick="play()">猜拳</button>
		
		
		<script type="text/javascript">
			 <h1>猜拳游戏</h1>
			    <p>请输入一个数字（0-石头，1-剪刀，2-布）：</p>
			    <input type="number" id="userInput" min="0" max="2" />
			    <button onclick="playGame()">提交</button>
			    <p id="result"></p>
			
			    <script src="game.js"></script>
			</body>
			// // 1. 常量
			// console.log(Math.PI);
			
			// // 2. 函数
			// console.log(Math.abs(-10));
			
			// var n = 4.5;
			// console.log(Math.ceil(n));  // 5
			// console.log(Math.floor(n)); // 4
			// console.log(Math.round(n)); // 5
			
			// console.log(Math.pow(2,3));
			// console.log(Math.sqrt(4));
			
			// console.log(Math.random()); // 0~1
			
			// console.log(Math.floor(Math.random()*10));// 0~9
			
			
			
			// 练习
			// 编写一个猜拳游戏
			// 电脑随机一个0~2数字  表示 石头 剪子 布
			// 你输入一个0~数字
			// 比较结果
function getRandomNumber() {
    return Math.floor(Math.random() * 3); // 生成0, 1, 2之间的随机数
}

function determineWinner(playerMove, computerMove) {
    const moves = ['石头', '剪刀', '布'];
    let playerName = moves[playerMove];
    let computerName = moves[computerMove];

    if (playerMove === computerMove) {
        return '平局！你和电脑都出了' + playerName;
    } else if ((playerMove === 0 && computerMove === 2) ||
                 (playerMove === 1 && computerMove === 0) ||
                 (playerMove === 2 && computerMove === 1)) {
        return '你赢了！你出的是' + playerName + '，电脑出的是' + computerName;
    } else {
        return '你输了！你出的是' + playerName + '，电脑出的是' + computerName;
    }
}

function playGame() {
    const userInput = document.getElementById('userInput').value;
    const computerMove = getRandomNumber();
    const resultElement = document.getElementById('result');

    // 确保用户输入了一个有效的数字
    if (userInput < 0 || userInput > 2) {
        resultElement.textContent = '输入错误，请输入0、1或2！';
        return;
    }

    const result = determineWinner(parseInt(userInput), computerMove);
    resultElement.textContent = result;
}
			
			
		</script>
	</body>
</html>